<template>
  <div class="student">
    <h1>{{msg}}</h1>
    <h2>学生姓名：{{ name }}</h2>
    <h2>学生性别：{{ sex }}</h2>
    <h2>学生年龄：{{ age+1 }}</h2>
  </div>
</template>

<script>
export default {
  name: "Student",
  data() {
    return {
      msg:'我是一名学习Vue的学生',

    }
  },
  // props:['name','sex','age']
  /*props:{
      name:String,
      sex:String,
      age:Number

  }*/

  props:{
    name:{
      type:String,
      required:true
    },
    age:{
      type:Number,
      default:99
    },
    sex:{
      type:String,
      required: true
    }
  }
}
</script>

<style scoped>
.student {
  background-color: orange;
}
</style>